import React from 'react';
import { Row } from 'antd';
import styles from './index.module.css';

const Trapezium = (props) => {
  const { text, actived, ...other } = props;
  return (
    <Row>
      <div className={[actived ? styles.active : '', styles.trapezoid].join(' ')} {...other}>
        <span className={styles.content}>{text}</span>
      </div>
    </Row>
  );
};

export default Trapezium;
